var site_id_to;
var change_id_global = "";
var site_id_ne;
function test(){
	return "TEST"; 
	
	
}
Ext.define('NIM.view.AssetChange.RelocationNe', {
      extend : 'Ext.panel.Panel',
      alias : 'widget.RelocationNe',
      id : 'relocationne',
      border : false,
      title : 'Relocation NE',
      layout : 'fit',
      closable : true,
      layout : {
        type : 'border'
      },
      width : 1 * screen.width,
      height : 590,
      items : [{
            xtype : 'form',
            id : 'panelrelocationne',
            title : 'Relocation NE Form',
           // autoScroll : true,
            region : 'west',
            margin : '5 5 5 5',
	        method : 'POST',
	        url    : './Services/AssetChange/Site/Change/Add',
            collapsible : true,
            collapsed : true,
            width : 600,
            items : [
	        {
		          xtype : 'hiddenfield',
		          cls : 'black',
		          name : 'CHANGE_CATEGORY',
		          value :'RELOCATION_NE',
		          margin : '5 10 5 25',
		          labelWidth : 100 / 1366 * screen.width,
		          width : 300 / 1366 * screen.width,
		          fieldLabel : 'Site ID',
		          msgTarget : 'title',
		          allowBlank : true,
		          validateBlank : false
	
	        },
            {
                  xtype : 'fieldcontainer',
                  cls : 'black',
                  margin : '10 10 10 10',
                  fieldLabel : 'SITE ID',
                  labelWidth : 130 / 1366 * screen.width,
                  width : 325 / 1366 * screen.width,
                  layout : 'hbox',
                  items : [{
                        xtype : 'textfield',
                        id : 'relocationneid',
                        name    : 'SOURCE_SITE_ID',
                        margin : '0 5 0 0',
                        width : 135,
                        hideLabel : true
                      }, {
                        xtype : 'button',
                        text : 'Browse',
                        width : 50,
                        handler : function() {
                          openPopup("relocationneid", "relocationnename");
                        }

                      }]
                }, 
                {
	                  xtype : 'textfield',
	                  fieldLabel : 'SITE NAME',
	                  id : 'relocationnename',
	                  labelWidth : 130 / 1366 * screen.width,
	                  width : 325 / 1366 * screen.width,
	                  margin : '10 10 0 10'
                }, 
                {
	                  xtype : 'datefield',
	                  minDate : new Date(),
	                  fieldLabel : 'DATE',
	                  name  : 'CHANGE_DATE',
	                  labelWidth : 130 / 1366 * screen.width,
	                  width : 325 / 1366 * screen.width,
	                  margin : '10 10 0 10'
                }, 
                {
	                  xtype : 'fieldcontainer',
	                  cls : 'black',
	                  margin : '10 10 0 10',
	                  fieldLabel : 'TO SITE',
	                  labelWidth : 130 / 1366 * screen.width,
	                  width : 325 / 1366 * screen.width,
	                  layout : 'hbox',
	                  items : [{
	                        xtype : 'textfield',
	                        id : 'relocationneidto',
	                        name : 'DESTINATION',
	                        margin : '0 5 0 0',
	                        width : 135,
	                        hideLabel : true
	                        ,
	                      }, {
	                        xtype : 'button',
	                        id : 'buttonneidto',
	                        text : 'Browse',
	                        width : 50,
	                        handler : function() {
	                          openPopup("relocationneidto", "");
	
	                        }
	
	                      }]
                }, 
                {
                    xtype : 'combobox',
                    fieldLabel : 'Reason',
                    name : 'CR_ID',
                    displayField : 'CHANGE_REASON',
                    valueField : 'CR_ID',
                    labelWidth : 130 / 1366 * screen.width,
                    width : 325 / 1366 * screen.width,
                    allowBlank : false,
                    store : 'Administration.AssetChangeReason',
                    margin : '10 10 0 10',
                    listeners : {
                      afterrender : function() {
                    	Ext.getStore('Administration.AssetChangeReason').clearFilter();
                        Ext.getStore('Administration.AssetChangeReason').removeAll();
                        Ext.getStore('Administration.AssetChangeReason').getProxy().url = 'Services/DataMaster/AssetChangeReason/List?CHANGE_CATEGORY=RELOCATION_NE';
                        Ext.getStore('Administration.AssetChangeReason').load();

                      }
                    }
                    ,

                },
                {
		             xtype: 'fileuploadfield',
		             id: 'attachrelocationne',
		             emptyText: 'Select a document to upload...',
		             name:'FILE',
		             fieldLabel: 'ATTACHMENT FILE',
		             buttonText: 'Browse',
		             labelWidth: 130/1366*screen.width,
		             width: 325/1366*screen.width,
		             margin:'10 10 0 10'
	            },
                {
	                  xtype : 'button',
	                  text : 'PROCESS',
	                  id : 'processrelocationne',
	                  margin : '15 10 5 10',
	                 handler : function() {
	                    this.up('form').getForm().submit({
	                          waitMsg : 'Please Wait ....',
	                          success : function(form, action) {
	                        	return_AssetChange(form, action,"assetrelocationsite");
	                        	site_id_ne = Ext.getCmp('relocationneid').getValue();
	                            refreshAssetChange("AssetChange.AssetChangeRelNe","./Services/AssetChange/Change/Detail/List?CHANGE_CATEGORY=RELOCATION_NE");
	                            
	                          },
	                          failure : function(form, action) {
	                        	return_AssetChange(form, action,"assetrelocationsite");
	                        	site_id_ne = Ext.getCmp('relocationneid').getValue();
	                    	    tempDataNE("assetrelocationne","AssetChange.TempStore");
	              			    refreshAssetChange("AssetChange.AssetChangeRelNe","./Services/AssetChange/Change/Detail/List?CHANGE_CATEGORY=RELOCATION_NE");
	                          }
	                        });
	                    // Ext.getCmp('ButtonAddCategory').setText('Insert');
	                  },
                  

                },
                {
	                  xtype : 'button',
	                  text : 'RESET',
	                  margin : '15 10 5 10',
	                  handler : function() {
	                	  this.up('form').getForm().reset();
	                	  ShowGridAsset("assetrelocationne");     
	                  },
                

               },
               {
               	  xtype :'panel',
               	  id    :'assetrelocationne',
               	  border: false,
               	  
                }
               ]

          }, 
          {
            xtype : 'gridpanel',
            region : 'center',
            id : 'tablerelocationne1',
            height : 590,
            // width : 400,
            titleAlign : 'center',
            margin : '5 5 5 0',
            border : true,
            forceFit : true,
            columnLines : true,
            store : 'AssetChange.AssetChangeRelNe',
            selType : 'checkboxmodel',
            title : 'Relocation NE',
            columns : [{dataIndex : 'change_category',text : 'CHANGE CATEGORY',align : 'left'},
                       {dataIndex : 'change_reason',text : 'REASON',align : 'left'},
                       {dataIndex : 'source_site_id',text : 'SOURCE SITE ID',align : 'left'},
                       {dataIndex : 'destination',text : 'DESTINATION',align : 'left'},
                       {
                      	    xtype: 'actioncolumn',
                      	    text : 'DOCUMENT',
                      	    align : 'center',
                      	    renderer: function (value, metadata, record) {
                      	    	var document = record.get('document');
                      	    	if (document=="null"){
                      	    		this.items[0].icon = '';
                      	    	}else{
                      	    		var typefile=document.split(".");
                      	    		 if (typefile[1]=="pdf"){ 
                      	    			 this.items[0].icon = 'images/pdf-icon.png'; 
                      	    		 }else if (typefile[1]=="docx" || typefile[1]=="doc"){
                      	    			 this.items[0].icon = 'images/Word-icon.png';  
                      	    		 }else if (typefile[1]=="xlsx" || typefile[1]=="xls"){ 
                      	    			 this.items[0].icon = 'images/Excel-icon.png';  
                      	    		 }
                      	    	}
                      	    },
                      	    items: [{
                      	        tooltip: 'Show Document',
                      	        handler: function (grid, rowIndex, colIndex) {
                      	        	openFIle(grid,rowIndex);
                      	        }
                      	    }]
                      	}],
            listeners : {
                afterrender : function() {
                	refreshAssetChange("AssetChange.AssetChangeRelNe","./Services/AssetChange/Change/Detail/List?CHANGE_CATEGORY=RELOCATION_NE");

                },
                itemdblclick : function(grid, record) {
                	var change_id = record.get('change_id');
                	change_id_global = change_id;
                		if(Ext.getCmp('panelrelocationne').hidden == true) Ext.getCmp('panelrelocationne').toggleCollapse(true);
                		Ext.Ajax.request({
                		    method: "GET",
                		    dataType: "json",
                		    url: "./Services/AssetChange/Change/Detail/"+change_id,
                		    async: false	,
                		    success: function(c) {
                		    	var jsonResults= $.parseJSON(c.responseText);
                		    	data = jsonResults.item[0];
                		    	console.log (data);
                		    	Ext.getCmp('panelrelocationne').getForm().setValues(data);
                		        }
                		    });	
                		
	            	Ext.getStore('AssetDataMaster.AssetNonSac').removeAll();
                    Ext.getStore('AssetDataMaster.AssetNonSac').getProxy().url = './Services/AssetChange/Change/Details/List/'+change_id+'?start=0&limit=20';
                    Ext.getStore('AssetDataMaster.AssetNonSac').load();
                    ShowGridAsset("assetrelocationne");      
	            	  	
	                }
              },

            dockedItems : [
                    {
		                xtype : 'pagingtoolbar',
		                dock : 'bottom',
		                store : 'AssetChange.AssetChangeStore',
		                displayInfo : true
                    },
			        {
		                xtype : 'toolbar',
		                dock : 'top',
		                items : [
		                      {
			                        xtype : 'textfield',
			                        fieldLabel : 'KEYWORD',
			                        id : 'keywordrelocationne',
			                        margin : '0 10 0 10',
			                        labelWidth : 60,
			                        enableKeyEvents : true,
			                        listeners : {
			                          keypress : function(form, e) {
			                            if (e.getKey() == 13) {
			                            	var keyword = Ext.getCmp("keywordrelocationne").getValue();
			                            	searchAssetChange('AssetChange.AssetChangeRelNe','./Services/AssetChange/Change/Detail/List?CHANGE_CATEGORY=RELOCATION_NE&keyword=',keyword);
			                            }
			
			                          }
			                        }
		                      }, 
		                      {
			                        xtype : 'button',
			                        text : 'SEARCH',
			                        id : 'searchrelocationne',
			                        margin : '0 30 0 0',
			                        handler : function() {
			                        	var keyword = Ext.getCmp("keywordrelocationne").getValue();
		                            	searchAssetChange('AssetChange.AssetChangeRelNe','./Services/AssetChange/Change/Detail/List?CHANGE_CATEGORY=RELOCATION_NE&keyword=',keyword);
			                        }
		                      }, 
		                      {
			                        xtype : 'button',
			                        text : 'ADD NEW',
			                        id : 'addrelocationne',
			                        margin : '0 20 0 0',
			                        handler : function() {
			                          if (Ext.getCmp('panelrelocationne').hidden == true)
			                            Ext.getCmp('panelrelocationne').toggleCollapse(true);
			                        }
		
		                      }, 
		                      {
			                       xtype : 'button',
			                       text : 'DELETE',
			                       margin : '0 30 0 0',
		
		                      },
		                      {
			                        xtype : 'button',
			                        text : 'REFRESH',
			                        margin : '0 20 0 0',
			                        handler : function() {
			                        	refreshAssetChange("AssetChange.AssetChangeRelNe","./Services/AssetChange/Change/Detail/List?CHANGE_CATEGORY=RELOCATION_NE");
		                      }
		
		                      }
		                    
		                    ]
		                }
                    ]

          }]
    });